﻿<!DOCTYPE html>
<html>
  <head>
    <title>自定义动画</title>
    <style type="text/css">
      img {
        position: absolute;
      }
      img[alt='moon'] {
        top: 0;
        left: 0;
      }
      img[alt='earth'] {
        top: 128px;
        left: 128px;
      }
      #startButton {
      	position: relative;
      	left: 500px;
	  }
    </style>

  </head>

  <body>
    <img src="images/moon.png" alt="moon"/>
    <img src="images/earth.png" alt="earth"/>

    <button type="button" id="startButton">Start</button>
  </body>
</html>
